<!DOCTYPE html>
<meta charset="UTF-8">
<div class="input-group" style="width: 287px;">
	<span class="input-group-addon" style="width: 80px;">选择联系人</span> <select
		onchange="mChange(this.value)" id="mSel" class="form-control">
		<option th:each="l:${lesseeadmins}" th:value="${l.id}"
			th:text="${l.name}"></option>
	</select>
</div>

<script type="text/javascript">
var options = {
		url : '../kingroot/list',
		editurl : '../kingroot/edit',
		caption : '租户管理',
		//显示数据数
		viewrecords : true,
		altRows : true,
		autowidth : true,
		width : 1000,
		height : 'auto',
		datatype : 'json',
		mtype : 'post',
		rowNum : 10,
	    postData:{lesseeadminId:[[${lesseeadminid}]]},
		rowList : [ 10, 20, 50 ],
		prmNames : {
			search : "search"
		},
		sortname : 'id',
		iewrecords : true,
		pager : '#div1',
		jsonReader : {
			repeatitems : false,
			id : 'id'
		},
		colModel : [
		{
			label : 'id',
			name : 'id',
			index : 'id',
			align : 'center',
			sortable : true,
			width : 50,
			sorttype : 'int',
			search : false,
			hidden : true
		}, {
			label : '联系人',
			name : 'lessee.lesseeadmin.id',
			index : 'lessee.lesseeadmin.id',
			hidden:true,
			align:'center',
			sortable:true,
			width:50,
			sorttype:'int',
			search:false,
			editable:true
		},  {
			label : '租户',
			name : 'lessee.id',
			index : 'lessee.id',
			hidden : true,
			align : 'center',
			sortable : true,
			width : 80,
			sorttype : 'int',
			search : false,
			editable : true
		}, {
			label : '租户名称',
			name : 'lessee.tenantname',
			index : 'lessee.tenantname',
			align : 'center',
			sortable : true,
			editable : true,
			editrules : {
				edithidden : false,
				required:true
			},
			width : 100,
			
			sorttype : 'text'
		}, {
			label : '联系电话',
			name : 'lessee.lesseeadmin.phone',
			index : 'lessee.lesseeadmin.phone',
			align : 'center',
			sortable : true,
			width : 100,
			sorttype : 'text'
		}, {
			label : '授权起始日期',
			name : 'statime',
			index : 'statime',
			width : 100,
			editable : true,
			sortable : true,
			hidden : true,
			editrules : {
				edithidden : true,
				required:true
			},
			editoptions:{
                dataInit:function(e){
                	laydate.render({
                		  elem: e //指定元素
                		});
                    $(this).click(function(e){//选中时间后隐藏
                        $(e).parent().datepicker('hide');
                    });
                }
            },
			sorttype : 'text'
		}, {
			label : '授权截止日期',
			name : 'endtime',
			index : 'endtime',
			width : 120,
			align : 'center',
			sortable : true,
			editable : true,
			editrules : {
				edithidden : true,
				required:true
				},
				editoptions:{
	                dataInit:function(e){
	                	laydate.render({
	                		  elem: e //指定元素
	                		});
	                    $(this).click(function(e){//选中时间后隐藏
	                        $(e).parent().datepicker('hide');
	                    });
	                }
	            },
			sorttype : 'text'
		               }, {
			label : '缴费金额',
			name : 'money',
			index : 'money',
			align : 'center',
			sortable : true,
			width : 100,
			editable : true,
			sorttype : 'int'
		} ]
	}
	$(function() {
		$('#tabel1').jqGrid(options);
		$("#tabel1").jqGrid('navGrid','#div1',{
					edit : true,
					add : true,
					del : true,
					search:false
				},
				{
					left : 600,
					top : 200,
					beforeSubmit : function(postdata, formid) {
						postdata['lessee.lesseeadmin.id'] = $('#mSel')
						.val();
						return [ true, 'OK!' ];
					},
					closeAfterEdit : true,
					closeOnEscape : true,
					savekey : [ true, 13 ],
					
				},
				{
					left : 600,
					top : 200,
					beforeSubmit : function(postdata, formid) {
						postdata.id = '',
								postdata['lessee.lesseeadmin.id'] = $('#mSel')
										.val();
						
						return [ true, 'OK!' ];
					},
					closeAfterAdd : true,
					closeOnEscape : true,
					savekey : [ true, 13 ],
					width:350
				}, {

				}, {
					left : 600,
					top : 200,
					closeAfterSearch : true,
					closeAftreReset : true,
					closeOnEscape : true,
					multipleSearch : true
				});
	});
	function mChange(lesseeadminId) {
		var postdata = {
				lesseeadminId : lesseeadminId
		};
		options.postData = postdata;
		$("#tabel1").setGridParam(options).trigger("reloadGrid");
	}	

</script>
<table id="tabel1"></table>
<div id="div1"></div>